<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/detail.css" />
		<title></title>
	</head>

	<body>
		<div class="photobox common-header">
			<div class="upper-header row">
				<a href="javascript:history.go(-1);" class="back"><img src="../images/b-back.png"></a>
				<h2>楼盘相册</h2>
			</div>
			<div class="photo-type row">
				<a href="#a1" id="a11">效果图</a>
				<a href="#a2" id="a22">实景图</a>
				<a href="#a3" id="a33">样板间</a>
				<a href="#a4" id="a44">交通图</a>
				<a href="#a5" id="a55">其它</a>
			</div>
			<div class="photolist">
				<div id="a1">
					<div class="photo">
						<p>效果图(8)</p>
						<div class="row">
							<a href="javascript:;"><img src="../images/pic01.png" /></a>
							<a href="javascript:;"><img src="../images/pic02.png" /></a>
							<a href="javascript:;"><img src="../images/pic03.png" /></a>
							<a href="javascript:;"><img src="../images/pic04.png" /></a>
							<a href="javascript:;"><img src="../images/pic05.png" /></a>
							<a href="javascript:;"><img src="../images/pic06.png" /></a>
							<a href="javascript:;"><img src="../images/pic07.png" /></a>
						</div>
					</div>
				</div>
				<div id="a2">
					<div class="photo">
						<p>实景图(8)</p>
						<div class="row">
							<a href="javascript:;"><img src="../images/pic01.png" /></a>
							<a href="javascript:;"><img src="../images/pic02.png" /></a>
							<a href="javascript:;"><img src="../images/pic03.png" /></a>
							<a href="javascript:;"><img src="../images/pic04.png" /></a>
							<a href="javascript:;"><img src="../images/pic05.png" /></a>
							<a href="javascript:;"><img src="../images/pic06.png" /></a>
							<a href="javascript:;"><img src="../images/pic07.png" /></a>
						</div>
					</div>
				</div>
				<div id="a3">
					<div class="photo">
						<p>样板间(8)</p>
						<div class="row">
							<a href="javascript:;"><img src="../images/pic01.png" /></a>
							<a href="javascript:;"><img src="../images/pic02.png" /></a>
							<a href="javascript:;"><img src="../images/pic03.png" /></a>
							<a href="javascript:;"><img src="../images/pic04.png" /></a>
							<a href="javascript:;"><img src="../images/pic05.png" /></a>
							<a href="javascript:;"><img src="../images/pic06.png" /></a>
							<a href="javascript:;"><img src="../images/pic07.png" /></a>
						</div>
					</div>
				</div>
				<div id="a4">
					<div class="photo">
						<p>交通图(8)</p>
						<div class="row">
							<a href="javascript:;"><img src="../images/pic01.png" /></a>
							<a href="javascript:;"><img src="../images/pic02.png" /></a>
							<a href="javascript:;"><img src="../images/pic03.png" /></a>
							<a href="javascript:;"><img src="../images/pic04.png" /></a>
							<a href="javascript:;"><img src="../images/pic05.png" /></a>
							<a href="javascript:;"><img src="../images/pic06.png" /></a>
							<a href="javascript:;"><img src="../images/pic07.png" /></a>
						</div>
					</div>
				</div>
				<div id="a5">
					<div class="photo">
						<p>其它(8)</p>
						<div class="row">
							<a href="javascript:;"><img src="../images/pic07.png" /></a>
							<a href="javascript:;"><img src="../images/pic05.png" /></a>
							<a href="javascript:;"><img src="../images/pic03.png" /></a>
							<a href="javascript:;"><img src="../images/pic06.png" /></a>
							<a href="javascript:;"><img src="../images/pic05.png" /></a>
							<a href="javascript:;"><img src="../images/pic06.png" /></a>
							<a href="javascript:;"><img src="../images/pic04.png" /></a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="../js/jquery.min.js"></script>
		<script src="../js/wap.js"></script>
		<script type="text/javascript">
			function scrollE() {
				var wst = $(window).scrollTop() //滚动条距离顶端值
				for (i = 1; i < 6; i++) { //加循环
					if ($("#a" + i).offset().top - 100 <= wst) { //判断滚动条位置
						$('.photo-type a').removeClass("on"); //清除c类
						$("#a" + i + i).addClass("on"); //给当前导航加c类
					}
				}
			}
			$(document).ready(function() {
				$(window).on('scroll', scrollE);
			});
			$('.photo-type a').click(function() {
				$('.photo-type a').removeClass('on');
				$(this).addClass('on');
			});
		</script>
	</body>

</html>